import { ImportOutlined, UserOutlined } from "@ant-design/icons";
import { Outlet } from "react-router";
function List() {
  // 大布局
  return (
    <div className="w-vw h-100vh">
      {/* /顶部 */}
      <div className=" c-#FFF h-64px bg-#001529 px-50px py-0px flex justify-between items-center ">
        <div className="h-64px lh-64px mr-5px w-160px flex justify-between items-center">
          {/*icon图标 */}
          <span className="lh-0px">
            <ImportOutlined style={{ fontSize: "26px" }} />
          </span>
          <span className=" text-32px fw-800">小丹问卷</span>
        </div>
        <div className=" w-90px flex justify-between">
          <span className=" text-size-14px">
            <UserOutlined />
            张丹
          </span>
          <span className=" c-blue text-size-14px">退出</span>
        </div>
      </div>
      {/* 列表区域 */}
      <div className="h-[calc(100vh-64px-64px)] b-b-black">
        {/*拆分组件 */}
        <Outlet></Outlet>
      </div>
      {/* 底部标题区域 */}
      <div className="h-64px bg-#fff flex items-center  justify-center">
        <div className=" text-size-14px">
          小慕丹问卷 ©2023 - present. Created by 张丹老师
        </div>
      </div>
    </div>
  );
}

export default List;
